import React from "react";
import { useTranslation } from "react-i18next";

import Card from "@material-ui/core/Card";
import CheckCircleOutlineIcon from "@material-ui/icons/CheckCircleOutline";
import { Button } from "@material-ui/core";
const VerifiedPhoneMessage = () => {
  const { t } = useTranslation();
  return (
    <>
      <div className="verified-card-container ">
        <Card className="verified-card">
          <CheckCircleOutlineIcon className="font-weight-bold done-icon" />
          <div>
            <h1 className="text-center">{t("form:phone-verified")}</h1>
            <h6>{t("form:phone-verified-desc")}</h6>
          </div>
          <Button variant="contained" color="primary">
            {t("buttons:go-dashboard")}
          </Button>
        </Card>
      </div>
    </>
  );
};

export default VerifiedPhoneMessage;
